<template>
    <div>
        <header-view></header-view>
        <ProductDetialShow></ProductDetialShow>
        <!--End 弹出层-加入购物车 End-->
        <FooterView></FooterView>
    </div>
</template>

<script>
import { mapMutations } from 'vuex'
import HeaderView from './HeaderView.vue';
import FooterView from './FooterView.vue';
import ProductDetialShow from '@/components/ProductDetialShow.vue';

export default {
    name: 'ProductView',
    components: {
        HeaderView,
        FooterView,
        ProductDetialShow
    },
    methods: {
        ...mapMutations(['setShowPage']),
    },
    mounted() {
        this.setShowPage('1')
    }
}
</script>

<style></style>